<template>
  <div class="tab-content-item" v-bind:class="{'active': isActived}">
    <template v-if="defaultTabComponent">
      <defaultTabComponent />
    </template>
  </div>
</template>

<script>
  export default {
    components: {
      defaultTabComponent: this.defaultTabComponent
    },
    props: ['tabId', 'isActived', 'defaultTabComponent'],
    computed: {
      tab: function () {
        return this.$store.state.tab.tabs[this.tabId]
      }
    },
    mounted () {
      console.log(this.defaultTabComponent)
    }
  }
</script>
